{include file="index@index/head"}
<!-- <div class="content">
  <div class="topimg" style="background:url({$banner|default='__PUBLIC__/static/index/img/topimg.jpg'}) no-repeat center top;"></div>
  <div class="cate2 n">
    <ul>
      {volist name="leftlist" id="vo"}
        <li><a href="{:u($vo.entitle)}" {if condition="$vo.id eq $cid"}class=on{/if}>{$vo.title}</a></li>
      {/volist}
    </ul>
  </div>
  <div class="wrap">
    <ul class="newlist">
      {volist name="list" id="v"}
        <li class="wow fadeInUp"> <a href="{:u($entitle,$v.id)}" title="{$v.title}">
          <div class="date">
            <p><b>{$v.datetime|date='m-d',###}</b></p>
            <p>{$v.datetime|date='Y',###}</p>
            <p class="line"></p>
          </div>
          <div class="pic"><img src="{$v.img}" alt="{$v.title}" title="{$v.title}" /></div>
          <div class="note">          
          <h2>{$v.title}</h2>
          <div class="notec">{$v.note|msubstr=0,180,utf8,true}</div>
          <p><span class="mo">查看详情>></span></p>
          </div>
          </a> </li>
      {/volist}
    </ul>
    <div class="clear"></div>
    <div class="page">{$page}</div>  
  </div>
</div> -->

    <style>
        #menu>li>a::after{
            content:'>';
            margin-left: 3rem;
        }
        .show-active::after{
            display: inline-block;
            transform: rotate(90deg);
        }
        .pagination ul{
          display: flex;
          list-style-type: none;
        }
        .pagination ul li{
          padding: 3px 16px;
        }
        .pagination ul li a:hover{
          color:red;
        }
    </style>
<div class="container">
    <!--面包屑导航-->
    <nav class="row breadcrumb">
        <a class="breadcrumb-item" href="#">首页</a>
        <a class="breadcrumb-item" href="#">自考</a>
        <span class="breadcrumb-item ">最新资讯</span>
    </nav>
    <div class="row bg-white pt-5 pb-5">
      {include file="index@index/left"}
        <!--右边文章列表-->
        <div class="col-9 pl-4 pr-4">
          {volist name="list" id="v"}
            <div class="border border-top-0 border-right-0 border-left-0 mb-5">
              <a href="{:u('about',$v.id)}"><h5 class="font-weight-bold text-truncate">{$v.title}</h5></a>
                <p class="text-truncate-2"><small>{$v.note}</small></p>
                <div class="d-flex text-muted"><span style="padding-right: 1.5rem;">{$v.datetime|date='Y',###}</span><span style="padding-right: 1.5rem;">{$v.author}</span><span><i class="iconfont icon-yanjing-tianchong" style="padding-right: .5rem;"></i>{$v.views}</span></div>
            </div>
            {/volist}
            <!--分页器-->
            <div class="pagination justify-content-center mt-5">
              {$page}
            </div>
        </div>
        
    </div>
</div>
<script>
    $("#menu>li>a").click(function(){
        if($(this).hasClass("show-active")){
            $(this).removeClass("show-active");
        }else{
            $(this).addClass("show-active");
        }
    })

</script>


{include file="index@index/foot"}